@import url('assets/style/mixin.less');
.packageCMyPost {
  background-color: rgb(247 247 247);
  height: 100vh;
}

.scrollView {
  flex: 1;
  height: calc(100vh - 120px);
}

.t_row {
  flex-direction: row;
  width: 100%;
  position: relative;
  top: 0;
  background-color: #ffffff;
  padding: 20px 0;
}

.t_view {
  flex: 1;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

.t_a_text {
  font-size: 30px;
  color: #218cff;
  text-align: center;
}

.t_a_border {
  width: 56px;
  height: 8px;
  background-color: #218cff;
  margin: 8px 0 0 13vw;
  border-radius: 5px;
}

.t_text {
  font-size: 30px;
  color: #333333;
  text-align: center;
}

.t_border {
  width: 56px;
  height: 8px;
  background-color: #ffffff;
  margin: 8px 0 0 ceil(100vw * 0.1);
  border-radius: 5px;
}

// 详情
.postViews {
  padding: 30px;
  background-color: #ffffff;
  margin: 30px 0 0 0;
}

.imgItem {
  width: 30%;
  height: 200px;
  margin-right: 3%;
  margin-top: 10px;
  border-radius: 10px;
  padding-top: 10px;
}

.b_img {
  width: 100%;
  height: 100%;
}

.video {
  width: 100%;
  height: 200px;
}

.oneImg {
  width: 100%;
  height: 60%;
  border-radius: 5px;
  overflow: hidden;
}

.img {
  width: 33%;
  height: 33%;
  border-radius: 5px;
  overflow: hidden;
}

.R {
  flex-direction: row;
  // border: 1px solid blue;
}

.R_SB {
  flex-direction: row;
  justify-content: space-between;
}

.C_SB {
  flex-direction: column;
  justify-content: space-between;
}

.f_date {
  font-size: 24px;
  color: #bfbfbf;
  margin-top: 2px;
}

.f_28 {
  color: #333333;
  font-size: 28px;
  font-weight: 400;
}

.f_center {
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.icon {
  width: 90px;
  height: 30px;
  margin-left: 10px;
}

.title {
  font-size: 28px;
  color: #333333;
  letter-spacing: 1px;
  line-height: 36px;
  font-weight: 400;
}

.text {
  .text-overflow(@lines: 3);
  font-size: 26px;
  color: #333333;
  letter-spacing: 1px;
  line-height: 36px;
  font-weight: 400;
}

.R_W {
  flex-direction: row;
  flex-wrap: wrap;
}

.b_icon {
  width: 38px;
  height: 38px;
}

.overlay {
  background-color: #ffffff;
  width: 100%;
  position: absolute;
  bottom: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.overlayOption {
  font-size: 26px;
  color: #333333;
  margin-left: 25px;
  height: 70px;
  line-height: 70px;
}

.overlayRow {
  flex-direction: row;
  align-items: center;
  margin-bottom: 15px;
}

.moreTypeIcon {
  width: 41px;
  height: 41px;
}

.cancelText {
  text-align: center;
  color: #666666;
  font-size: 30px;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 10px;
}

.shareTypeIcon {
  width: 100px;
  height: 100px;
}

.shareTypeText {
  text-align: center;
  margin-top: 10px;
  color: #333333;
  font-size: 24px;
}

.wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
  z-index: 9;
}

.play {
  height: 32px;
  width: 32px;
  justify-content: center;
  align-items: center;
}

.num {
  font-size: 28px;
}

// 删除
.at-float-layout__container {
  min-height: 150px !important;
  max-height: 150px !important;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
}

.at-float-layout .layout-body {
  padding: 0 !important;
}

.atfloatItem {
  width: 100vw;
  text-align: center;
}

.atfloatFeatl {
  color: #fc4d44;
  font-size: 28px;
  height: 65px;
  line-height: 65px;
}

.atfloatLine {
  width: 100%;
  height: 15px;
  background-color: #f7f7f7;
}

.atfloatCancle {
  color: #218cff;
  font-size: 28px;
  height: 65px;
  line-height: 65px;
}

.reviewImg {
  position: absolute;
  top: -15px;
  right: 55px;
  width: 92px;
  height: auto;
}

.status {
  font-size: 24px;
  color: #a3a3a3;
  text-align: center;
  margin-top: 20px;
  padding-bottom: env(safe-area-inset-bottom);
}

.pageMyCollectionE-sharebtn {
  display: block;
  width: 100%;
  background-color: #fff;

  &::after {
    border: none;
  }
}
